﻿<!DOCTYPE html>
<html>
  <head>
    <title>全局提示 Message</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=1440, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/_____message/styles.css" type="text/css" rel="stylesheet"/>
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/_____message/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Rectangle) -->
      <div id="u10757" class="ax_default _默认样式">
        <div id="u10757_div" class=""></div>
      </div>

      <!-- Unnamed (元件标题) -->

      <!-- 背景 (Dynamic Panel) -->
      <div id="u10759" class="ax_default" data-label="背景">
        <div id="u10759_state0" class="panel_state" data-label="State1" style="">
          <div id="u10759_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- 线条 (Dynamic Panel) -->
      <div id="u10760" class="ax_default" data-label="线条">
        <div id="u10760_state0" class="panel_state" data-label="State1" style="">
          <div id="u10760_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10761" class="ax_default _默认样式">
        <div id="u10761_div" class=""></div>
        <div id="u10761_text" class="text ">
          <p><span style="font-family:'FontAwesome Bold', 'FontAwesome Regular', 'FontAwesome';"></span><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';"> 元件标题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10762" class="ax_default _默认样式">
        <div id="u10762_div" class=""></div>
        <div id="u10762_text" class="text ">
          <p><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;"> </span><span style="font-family:'FontAwesome';font-weight:400;">作品首页</span></p>
        </div>
      </div>

      <!-- Unnamed (版权信息) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u10764" class="ax_default _默认样式">
        <img id="u10764_img" class="img " src="images/___icons/u605.png"/>
        <div id="u10764_text" class="text ">
          <p><span>Copyright © </span><a id="u10765" class="link"><span>http://t.cn/EPh287q</span></a><span>, All Rights Reserved.</span></p><p><span>打造高保真原型，快人一步</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10766" class="ax_default" data-left="20" data-top="100" data-width="1100" data-height="160">

        <!-- Unnamed (Rectangle) -->
        <div id="u10767" class="ax_default _默认样式">
          <div id="u10767_div" class=""></div>
          <div id="u10767_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">使用说明</span></p><p style="font-size:14px;"><span style="font-family:'微软雅黑';font-weight:400;font-size:12px;">全局展示操作反馈信息。可提供成功、警告和错误等反馈信息。一般在顶部居中位置显示并自动消失，是一种不打断用户操作的轻量级提示方式。以下提供了多种全局提示的类型，在实际使用时请尽量保持统一。在使用时只需要将使用示例中相关的全局提示动态面板复制到你的原型中，然后修改其中的提示文字内容和设置对应元件的显示事件就可以了。动态面板的用例中已经设置了自动隐藏效果，不需要再单独进行设置。示例中提示的动态面板是按垂直水平居中显示的，如果需要修改显示位置可以在动态面板的“固定到浏览器”选项中进行设置。扩展阅读文章：</span><a id="u10768" class="link"><span style="font-family:'微软雅黑';font-weight:400;font-size:12px;">超全面！如何做好应用程序中的反馈设计？</span></a><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">、</span><a id="u10769" class="link"><span style="font-family:'微软雅黑';font-weight:400;font-size:12px;">想有好的用户体验？别忘了做错误反馈设计</span></a></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u10770" class="ax_default _默认样式">
          <div id="u10770_div" class=""></div>
          <div id="u10770_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10771" class="ax_default _默认样式">
        <div id="u10771_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10772" class="ax_default _默认样式">
        <div id="u10772_div" class=""></div>
        <div id="u10772_text" class="text ">
          <p><span>常用全局提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10773" class="ax_default" data-left="210" data-top="362" data-width="300" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u10774" class="ax_default _默认样式">
          <div id="u10774_div" class=""></div>
          <div id="u10774_text" class="text ">
            <p><span>这是一条普通的全局消息</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u10775" class="ax_default _默认样式">
          <div id="u10775_div" class=""></div>
          <div id="u10775_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10776" class="ax_default" data-left="210" data-top="422" data-width="300" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u10777" class="ax_default _默认样式">
          <div id="u10777_div" class=""></div>
          <div id="u10777_text" class="text ">
            <p><span>恭喜你，这是一条成功消息</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u10778" class="ax_default _默认样式">
          <div id="u10778_div" class=""></div>
          <div id="u10778_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10779" class="ax_default" data-left="210" data-top="482" data-width="300" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u10780" class="ax_default _默认样式">
          <div id="u10780_div" class=""></div>
          <div id="u10780_text" class="text ">
            <p><span>警告哦，这是一条警告消息</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u10781" class="ax_default _默认样式">
          <div id="u10781_div" class=""></div>
          <div id="u10781_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10782" class="ax_default" data-left="210" data-top="542" data-width="300" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u10783" class="ax_default _默认样式">
          <div id="u10783_div" class=""></div>
          <div id="u10783_text" class="text ">
            <p><span>错了哦，这是一条错误消息</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u10784" class="ax_default _默认样式">
          <div id="u10784_div" class=""></div>
          <div id="u10784_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- 手动关闭全局提示 (Dynamic Panel) -->
      <div id="u10785" class="ax_default" data-label="手动关闭全局提示">
        <div id="u10785_state0" class="panel_state" data-label="State1" style="">
          <div id="u10785_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u10786" class="ax_default _默认样式">
              <div id="u10786_div" class=""></div>
              <div id="u10786_text" class="text ">
                <p><span>这是一条普通的全局消息</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10787" class="ax_default _默认样式">
              <div id="u10787_div" class=""></div>
              <div id="u10787_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10788" class="ax_default _默认样式">
              <div id="u10788_div" class=""></div>
              <div id="u10788_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 手动关闭全局提示 (Dynamic Panel) -->
      <div id="u10789" class="ax_default" data-label="手动关闭全局提示">
        <div id="u10789_state0" class="panel_state" data-label="State1" style="">
          <div id="u10789_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u10790" class="ax_default _默认样式">
              <div id="u10790_div" class=""></div>
              <div id="u10790_text" class="text ">
                <p><span>恭喜你，这是一条成功消息</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10791" class="ax_default _默认样式">
              <div id="u10791_div" class=""></div>
              <div id="u10791_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10792" class="ax_default _默认样式">
              <div id="u10792_div" class=""></div>
              <div id="u10792_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 手动关闭全局提示 (Dynamic Panel) -->
      <div id="u10793" class="ax_default" data-label="手动关闭全局提示">
        <div id="u10793_state0" class="panel_state" data-label="State1" style="">
          <div id="u10793_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u10794" class="ax_default _默认样式">
              <div id="u10794_div" class=""></div>
              <div id="u10794_text" class="text ">
                <p><span>警告哦，这是一条警告消息</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10795" class="ax_default _默认样式">
              <div id="u10795_div" class=""></div>
              <div id="u10795_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10796" class="ax_default _默认样式">
              <div id="u10796_div" class=""></div>
              <div id="u10796_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 手动关闭全局提示 (Dynamic Panel) -->
      <div id="u10797" class="ax_default" data-label="手动关闭全局提示">
        <div id="u10797_state0" class="panel_state" data-label="State1" style="">
          <div id="u10797_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u10798" class="ax_default _默认样式">
              <div id="u10798_div" class=""></div>
              <div id="u10798_text" class="text ">
                <p><span>错了哦，这是一条错误消息</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10799" class="ax_default _默认样式">
              <div id="u10799_div" class=""></div>
              <div id="u10799_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10800" class="ax_default _默认样式">
              <div id="u10800_div" class=""></div>
              <div id="u10800_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10801" class="ax_default _默认样式">
        <div id="u10801_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10802" class="ax_default _默认样式">
        <div id="u10802_div" class=""></div>
        <div id="u10802_text" class="text ">
          <p><span>其它提示风格</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10803" class="ax_default" data-left="132" data-top="808" data-width="400" data-height="50">

        <!-- Unnamed (Rectangle) -->
        <div id="u10804" class="ax_default _默认样式">
          <div id="u10804_div" class=""></div>
          <div id="u10804_text" class="text ">
            <p><span>这是一条普通的全局消息</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u10805" class="ax_default _默认样式">
          <div id="u10805_div" class=""></div>
          <div id="u10805_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10806" class="ax_default" data-left="132" data-top="880" data-width="400" data-height="50">

        <!-- Unnamed (Rectangle) -->
        <div id="u10807" class="ax_default _默认样式">
          <div id="u10807_div" class=""></div>
          <div id="u10807_text" class="text ">
            <p><span>恭喜你，这是一条成功消息</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u10808" class="ax_default _默认样式">
          <div id="u10808_div" class=""></div>
          <div id="u10808_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10809" class="ax_default" data-left="132" data-top="947" data-width="400" data-height="50">

        <!-- Unnamed (Rectangle) -->
        <div id="u10810" class="ax_default _默认样式">
          <div id="u10810_div" class=""></div>
          <div id="u10810_text" class="text ">
            <p><span>警告哦，这是一条警告消息</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u10811" class="ax_default _默认样式">
          <div id="u10811_div" class=""></div>
          <div id="u10811_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10812" class="ax_default" data-left="132" data-top="1019" data-width="400" data-height="50">

        <!-- Unnamed (Rectangle) -->
        <div id="u10813" class="ax_default _默认样式">
          <div id="u10813_div" class=""></div>
          <div id="u10813_text" class="text ">
            <p><span>错了哦，这是一条错误消息</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u10814" class="ax_default _默认样式">
          <div id="u10814_div" class=""></div>
          <div id="u10814_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10815" class="ax_default" data-left="619" data-top="880" data-width="400" data-height="50">

        <!-- Unnamed (Rectangle) -->
        <div id="u10816" class="ax_default _默认样式">
          <img id="u10816_img" class="img " src="images/_____message/u10816.png"/>
          <div id="u10816_text" class="text ">
            <p><span>恭喜你，这是一条成功消息</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u10817" class="ax_default _默认样式">
          <div id="u10817_div" class=""></div>
          <div id="u10817_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10818" class="ax_default" data-left="619" data-top="947" data-width="400" data-height="50">

        <!-- Unnamed (Rectangle) -->
        <div id="u10819" class="ax_default _默认样式">
          <img id="u10819_img" class="img " src="images/_____message/u10816.png"/>
          <div id="u10819_text" class="text ">
            <p><span>警告哦，这是一条警告消息</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u10820" class="ax_default _默认样式">
          <div id="u10820_div" class=""></div>
          <div id="u10820_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10821" class="ax_default" data-left="619" data-top="1019" data-width="400" data-height="50">

        <!-- Unnamed (Rectangle) -->
        <div id="u10822" class="ax_default _默认样式">
          <img id="u10822_img" class="img " src="images/_____message/u10816.png"/>
          <div id="u10822_text" class="text ">
            <p><span>错了哦，这是一条错误消息</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u10823" class="ax_default _默认样式">
          <div id="u10823_div" class=""></div>
          <div id="u10823_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10824" class="ax_default" data-left="619" data-top="808" data-width="400" data-height="50">

        <!-- Unnamed (Rectangle) -->
        <div id="u10825" class="ax_default _默认样式">
          <img id="u10825_img" class="img " src="images/_____message/u10816.png"/>
          <div id="u10825_text" class="text ">
            <p><span>这是一条普通的全局消息</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u10826" class="ax_default _默认样式">
          <div id="u10826_div" class=""></div>
          <div id="u10826_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10827" class="ax_default" data-left="132" data-top="1322" data-width="150" data-height="110">

        <!-- Unnamed (Rectangle) -->
        <div id="u10828" class="ax_default _默认样式">
          <div id="u10828_div" class=""></div>
          <div id="u10828_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u10829" class="ax_default _默认样式">
          <div id="u10829_div" class=""></div>
          <div id="u10829_text" class="text ">
            <p><span>成功的提示文字</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10830" class="ax_default" data-left="302" data-top="1322" data-width="150" data-height="110">

        <!-- Unnamed (Rectangle) -->
        <div id="u10831" class="ax_default _默认样式">
          <div id="u10831_div" class=""></div>
          <div id="u10831_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u10832" class="ax_default _默认样式">
          <div id="u10832_div" class=""></div>
          <div id="u10832_text" class="text ">
            <p><span>警告的提示文字</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10833" class="ax_default" data-left="480" data-top="1323" data-width="150" data-height="110">

        <!-- Unnamed (Rectangle) -->
        <div id="u10834" class="ax_default _默认样式">
          <div id="u10834_div" class=""></div>
          <div id="u10834_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u10835" class="ax_default _默认样式">
          <div id="u10835_div" class=""></div>
          <div id="u10835_text" class="text ">
            <p><span>错误的提示文字</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10836" class="ax_default" data-left="656" data-top="1323" data-width="150" data-height="110">

        <!-- Unnamed (Rectangle) -->
        <div id="u10837" class="ax_default _默认样式">
          <div id="u10837_div" class=""></div>
          <div id="u10837_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u10838" class="ax_default _默认样式">
          <div id="u10838_div" class=""></div>
          <div id="u10838_text" class="text ">
            <p><span>等待的提示文字</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10839" class="ax_default" data-left="836" data-top="1323" data-width="150" data-height="110">

        <!-- Unnamed (Rectangle) -->
        <div id="u10840" class="ax_default _默认样式">
          <div id="u10840_div" class=""></div>
          <div id="u10840_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u10841" class="ax_default _默认样式">
          <div id="u10841_div" class=""></div>
          <div id="u10841_text" class="text ">
            <p><span>其它的反馈提示</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10842" class="ax_default _默认样式">
        <div id="u10842_div" class=""></div>
        <div id="u10842_text" class="text ">
          <p><span>特殊定制提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10843" class="ax_default" data-left="210" data-top="602" data-width="300" data-height="40">

        <!-- Unnamed (Group) -->
        <div id="u10844" class="ax_default" data-left="210" data-top="602" data-width="300" data-height="40">

          <!-- Unnamed (Rectangle) -->
          <div id="u10845" class="ax_default _默认样式">
            <div id="u10845_div" class=""></div>
            <div id="u10845_text" class="text ">
              <p><span>这是一条全局加载提示</span></p>
            </div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u10846" class="ax_default _默认样式">
            <div id="u10846_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u10847" class="ax_default image">
          <img id="u10847_img" class="img " src="images/_____message/u10847.svg"/>
        </div>
      </div>

      <!-- 手动关闭全局提示 (Dynamic Panel) -->
      <div id="u10848" class="ax_default" data-label="手动关闭全局提示">
        <div id="u10848_state0" class="panel_state" data-label="State1" style="">
          <div id="u10848_state0_content" class="panel_state_content">

            <!-- Unnamed (Group) -->
            <div id="u10849" class="ax_default" data-left="0" data-top="0" data-width="300" data-height="40">

              <!-- Unnamed (Group) -->
              <div id="u10850" class="ax_default" data-left="0" data-top="0" data-width="300" data-height="40">

                <!-- Unnamed (Rectangle) -->
                <div id="u10851" class="ax_default _默认样式">
                  <div id="u10851_div" class=""></div>
                  <div id="u10851_text" class="text ">
                    <p><span>这是一条全局加载提示</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u10852" class="ax_default _默认样式">
                  <div id="u10852_div" class=""></div>
                </div>
              </div>

              <!-- Unnamed (SVG) -->
              <div id="u10853" class="ax_default image">
                <img id="u10853_img" class="img " src="images/_____common_forms/加载图标_u9561.svg"/>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10854" class="ax_default _默认样式">
              <div id="u10854_div" class=""></div>
              <div id="u10854_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10855" class="ax_default" data-left="132" data-top="1089" data-width="400" data-height="50">

        <!-- Unnamed (Rectangle) -->
        <div id="u10856" class="ax_default _默认样式">
          <div id="u10856_div" class=""></div>
          <div id="u10856_text" class="text ">
            <p><span>这是一条全局加载提示</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u10857" class="ax_default _默认样式">
          <div id="u10857_div" class=""></div>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u10858" class="ax_default image">
          <img id="u10858_img" class="img " src="images/_____message/u10847.svg"/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10859" class="ax_default" data-left="619" data-top="1089" data-width="400" data-height="50">

        <!-- Unnamed (Rectangle) -->
        <div id="u10860" class="ax_default _默认样式">
          <img id="u10860_img" class="img " src="images/_____message/u10816.png"/>
          <div id="u10860_text" class="text ">
            <p><span>这是一条全局加载提示</span></p>
          </div>
        </div>

        <!-- Unnamed (SVG) -->
        <div id="u10861" class="ax_default image">
          <img id="u10861_img" class="img " src="images/_____common_forms/加载图标_u9561.svg"/>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10862" class="ax_default _默认样式">
        <div id="u10862_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10863" class="ax_default _默认样式">
        <div id="u10863_div" class=""></div>
        <div id="u10863_text" class="text ">
          <p><span>提示使用示例</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10864" class="ax_default _默认样式">
        <div id="u10864_div" class=""></div>
        <div id="u10864_text" class="text ">
          <p><span>显示普通提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10865" class="ax_default _默认样式">
        <div id="u10865_div" class=""></div>
        <div id="u10865_text" class="text ">
          <p><span>显示成功提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10866" class="ax_default _默认样式">
        <div id="u10866_div" class=""></div>
        <div id="u10866_text" class="text ">
          <p><span>显示警告提示</span></p>
        </div>
      </div>

      <!-- 普通消息全局提示 (Dynamic Panel) -->
      <div id="u10867" class="ax_default ax_default_hidden" data-label="普通消息全局提示" style="display:none; visibility: hidden">
        <div id="u10867_state0" class="panel_state" data-label="State1" style="">
          <div id="u10867_state0_content" class="panel_state_content">

            <!-- Unnamed (Group) -->
            <div id="u10868" class="ax_default" data-left="0" data-top="0" data-width="400" data-height="50">

              <!-- Unnamed (Rectangle) -->
              <div id="u10869" class="ax_default _默认样式">
                <div id="u10869_div" class=""></div>
                <div id="u10869_text" class="text ">
                  <p><span>这是一条普通的全局消息</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u10870" class="ax_default _默认样式">
                <div id="u10870_div" class=""></div>
                <div id="u10870_text" class="text ">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10871" class="ax_default _默认样式">
        <div id="u10871_div" class=""></div>
        <div id="u10871_text" class="text ">
          <p><span>显示加载提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10872" class="ax_default _默认样式">
        <div id="u10872_div" class=""></div>
        <div id="u10872_text" class="text ">
          <p><span>显示10秒的提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u10873" class="ax_default _默认样式">
        <div id="u10873_div" class=""></div>
        <div id="u10873_text" class="text ">
          <p><span>手动关闭提示</span></p>
        </div>
      </div>

      <!-- 成功消息全局提示 (Dynamic Panel) -->
      <div id="u10874" class="ax_default ax_default_hidden" data-label="成功消息全局提示" style="display:none; visibility: hidden">
        <div id="u10874_state0" class="panel_state" data-label="State1" style="">
          <div id="u10874_state0_content" class="panel_state_content">

            <!-- Unnamed (Group) -->
            <div id="u10875" class="ax_default" data-left="0" data-top="0" data-width="400" data-height="50">

              <!-- Unnamed (Rectangle) -->
              <div id="u10876" class="ax_default _默认样式">
                <div id="u10876_div" class=""></div>
                <div id="u10876_text" class="text ">
                  <p><span>恭喜你，这是一条成功消息</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u10877" class="ax_default _默认样式">
                <div id="u10877_div" class=""></div>
                <div id="u10877_text" class="text ">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 警告消息全局提示 (Dynamic Panel) -->
      <div id="u10878" class="ax_default ax_default_hidden" data-label="警告消息全局提示" style="display:none; visibility: hidden">
        <div id="u10878_state0" class="panel_state" data-label="State1" style="">
          <div id="u10878_state0_content" class="panel_state_content">

            <!-- Unnamed (Group) -->
            <div id="u10879" class="ax_default" data-left="0" data-top="0" data-width="400" data-height="50">

              <!-- Unnamed (Rectangle) -->
              <div id="u10880" class="ax_default _默认样式">
                <div id="u10880_div" class=""></div>
                <div id="u10880_text" class="text ">
                  <p><span>警告哦，这是一条警告消息</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u10881" class="ax_default _默认样式">
                <div id="u10881_div" class=""></div>
                <div id="u10881_text" class="text ">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 加载状态全局提示 (Dynamic Panel) -->
      <div id="u10882" class="ax_default ax_default_hidden" data-label="加载状态全局提示" style="display:none; visibility: hidden">
        <div id="u10882_state0" class="panel_state" data-label="State1" style="">
          <div id="u10882_state0_content" class="panel_state_content">

            <!-- Unnamed (Group) -->
            <div id="u10883" class="ax_default" data-left="0" data-top="0" data-width="400" data-height="50">

              <!-- Unnamed (Rectangle) -->
              <div id="u10884" class="ax_default _默认样式">
                <div id="u10884_div" class=""></div>
                <div id="u10884_text" class="text ">
                  <p><span>这是一条全局加载提示</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u10885" class="ax_default _默认样式">
                <div id="u10885_div" class=""></div>
              </div>

              <!-- Unnamed (SVG) -->
              <div id="u10886" class="ax_default image">
                <img id="u10886_img" class="img " src="images/_____message/u10847.svg"/>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 显示10秒全局提示 (Dynamic Panel) -->
      <div id="u10887" class="ax_default ax_default_hidden" data-label="显示10秒全局提示" style="display:none; visibility: hidden">
        <div id="u10887_state0" class="panel_state" data-label="State1" style="">
          <div id="u10887_state0_content" class="panel_state_content">

            <!-- Unnamed (Group) -->
            <div id="u10888" class="ax_default" data-left="0" data-top="0" data-width="400" data-height="50">

              <!-- Unnamed (Rectangle) -->
              <div id="u10889" class="ax_default _默认样式">
                <div id="u10889_div" class=""></div>
                <div id="u10889_text" class="text ">
                  <p><span>这是一条会显示10秒的全局消息</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u10890" class="ax_default _默认样式">
                <div id="u10890_div" class=""></div>
                <div id="u10890_text" class="text ">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 手动关闭全局提示 (Dynamic Panel) -->
      <div id="u10891" class="ax_default ax_default_hidden" data-label="手动关闭全局提示" style="display:none; visibility: hidden">
        <div id="u10891_state0" class="panel_state" data-label="State1" style="">
          <div id="u10891_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u10892" class="ax_default _默认样式">
              <div id="u10892_div" class=""></div>
              <div id="u10892_text" class="text ">
                <p><span>这是一条不会自动隐藏需要手动关闭的提示</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10893" class="ax_default _默认样式">
              <div id="u10893_div" class=""></div>
              <div id="u10893_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u10894" class="ax_default _默认样式">
              <div id="u10894_div" class=""></div>
              <div id="u10894_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10895" class="ax_default" data-left="132" data-top="1452" data-width="150" data-height="110">

        <!-- Unnamed (Rectangle) -->
        <div id="u10896" class="ax_default _默认样式">
          <img id="u10896_img" class="img " src="images/_____message/u10896.png"/>
          <div id="u10896_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u10897" class="ax_default _默认样式">
          <div id="u10897_div" class=""></div>
          <div id="u10897_text" class="text ">
            <p><span>成功的提示文字</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10898" class="ax_default" data-left="302" data-top="1452" data-width="150" data-height="110">

        <!-- Unnamed (Rectangle) -->
        <div id="u10899" class="ax_default _默认样式">
          <img id="u10899_img" class="img " src="images/_____message/u10896.png"/>
          <div id="u10899_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u10900" class="ax_default _默认样式">
          <div id="u10900_div" class=""></div>
          <div id="u10900_text" class="text ">
            <p><span>警告的提示文字</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10901" class="ax_default" data-left="480" data-top="1453" data-width="150" data-height="110">

        <!-- Unnamed (Rectangle) -->
        <div id="u10902" class="ax_default _默认样式">
          <img id="u10902_img" class="img " src="images/_____message/u10896.png"/>
          <div id="u10902_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u10903" class="ax_default _默认样式">
          <div id="u10903_div" class=""></div>
          <div id="u10903_text" class="text ">
            <p><span>错误的提示文字</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10904" class="ax_default" data-left="656" data-top="1453" data-width="150" data-height="110">

        <!-- Unnamed (Rectangle) -->
        <div id="u10905" class="ax_default _默认样式">
          <img id="u10905_img" class="img " src="images/_____message/u10896.png"/>
          <div id="u10905_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u10906" class="ax_default _默认样式">
          <div id="u10906_div" class=""></div>
          <div id="u10906_text" class="text ">
            <p><span>等待的提示文字</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u10907" class="ax_default" data-left="836" data-top="1453" data-width="150" data-height="110">

        <!-- Unnamed (Rectangle) -->
        <div id="u10908" class="ax_default _默认样式">
          <img id="u10908_img" class="img " src="images/_____message/u10896.png"/>
          <div id="u10908_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u10909" class="ax_default _默认样式">
          <div id="u10909_div" class=""></div>
          <div id="u10909_text" class="text ">
            <p><span>其它的反馈提示</span></p>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
